<template>
	<view class="main">
		<view class="result"><image class="resultimg" src="/static/2images/success.png"></image>预约成功!</view>
		<view class="tip">请凭预约成功短信进入，期待您的光临！</view>
		<view class="btns"><view class="btn mr10" @click="gotoBuyTicket">继续购票</view><view class="btn" @click="queryOrder">查询订单</view></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			gotoBuyTicket(){
				uni.navigateBack({
					
				})
			},
			queryOrder(){
				uni.navigateTo({
					url: `/pages/2_development/user/show_order_list`
				});
			}
		}
	}
</script>

<style>
	.main{
		display: flex;
		flex-direction: column;
		background-color: #FFFFFF;
	}
	.result{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 100rpx;
	}
	.tip{
		font-size: 28rpx;
		color: #000000;
		margin-top: 80rpx;
		margin: 80rpx 40rpx 0rpx 40rpx;
		text-align: center;
	}
	
	.btns{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 80rpx;
		margin-bottom: 60rpx;
	}
	.btn{
		width:35%;
		height:80rpx;
		background-color: #01A1ED;
		border-radius: 40rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 80rpx;
	}
	
	.resultimg{
		width:80rpx;
		height:80rpx;
		margin-right: 10rpx;
	}
	.mr10{
		margin-right: 20rpx;
	}
	
</style>
